.wapper {
  width: 100vw;
  height: 70rpx;
  margin-top: 40px;
  overflow: hidden;
  white-space: nowrap;
  background-color: #fff;
  ::-webkit-scrollbar {
    display: none;
    width: 0 !important;
  }
  .itemWapper {
    box-sizing: border-box;
    width: max-content;
    min-width: 100%;
    overflow-x: auto;
    > view {
      display: inline-block;
      height: 60px;
      margin: 10px 40px 0 40px;
      text-align: center;
      border-radius: 16px;
      > text {
        display: block;
        // width: 97px; // 如果当前限制了超出省略 需要进行设置
        overflow: hidden;
        color: #666;
        font-weight: bold;
        font-size: 28px;
        white-space: nowrap;
        text-overflow: ellipsis; /* 加省略号 */
      }
    }
    // 当前选中的标签样式
    .checked {
      > text {
        color: #333;
      }
      // 构建当前底部的滚动条
      &::after {
        display: block;
        width: 54px;
        height: 16px;
        margin: 6px auto 0 auto;
        background-image: url('https://hxgywx.oss-cn-shenzhen.aliyuncs.com/hxt-wxminiprogram/switch_bg.png');
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
      }
    }
  }
}
